widgets.brease.LadderEditor

Widget Description

short: Graphische Darstellung von Programmlogik in Ladder code
de: Graphische Darstellung von Programmlogik in Ladder code mit Edit-Funktion
en: Graphical representation of program logic in Ladder code with edit functionality

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
columnWidth add comment Appearance UInteger 90 false false false false false true
enable Initial option to enable widget. Behavior Boolean true true false false false false true
keyboard add comment Behavior Boolean true false false false false false true
maxColumns add comment Appearance UInteger 0 false false false false false true
maxRows add comment Appearance UInteger 0 false false false false false true
minColumns add comment Appearance UInteger 4 false false false false false true
mpLink Link to a MpCodeBox component Data MpComIdentType {} true false true false false false
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
rowHeight add comment Appearance UInteger 90 false false false false false true
showComments add comment Behavior Boolean true false false false false false true
showTitleBar add comment Behavior Boolean true false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
visible change visibility Behavior Boolean true true false false false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height outer height of widget Size 350 false false false true true
width outer width of widget Size 450 false false false true true

Styleable Properties

name type description defaultValue
backColor Color

Defines the background color of the widget

 #fff
backGroundGradient Gradient

Defines the background color of the widget as a color gradient
borderColor ColorCollection

Defines the color of the border around the widget

 #000
borderStyle BorderStyle

Defines the style of the border around the widget. Borders can be unbroken, dashed or dotted

 solid
borderWidth PixelValCollection

Defines the width of the border around the widget

 1px
textColor Color

Defines the color used to display the text

 #000
fontName FontName

Defines the font used for the text shown

 Arial
fontSize PixelVal

Defines the size of the font used to display the text

 14px
shadow Shadow

Defines the shadow of the widget

 none
disabledBackColor Color

Defines the background color of the disabled widget

 #D3D3D3
disabledBackGroundGradient Gradient

Defines the background color of the disabled widget as a color gradient
disabledBorderColor ColorCollection

Defines the color of the border around the disabled widget

 #000
disabledBorderStyle BorderStyle

Defines the style of the border around the disabled widget. Borders can be unbroken, dashed or dotted

 solid
disabledBorderWidth PixelValCollection

Defines the width of the border around the disabled widget

 1px
disabledTextColor Color

Defines the color used to display the text of the disabled widget

 #000
lineColor Color

Defines the color of the item lines

 #000
lineWidth PixelVal

Defines the width of the item lines

 3px
highlightColor Color

Defines the color used to show where an Item can be placed while dragging the item

 rgba(255, 128, 0, 0.2)
selectionColor Color

Defines the color used when a cell is selected

 rgba(255, 128, 0, 0.7)
powerflowLineColor Color

Defines the color of the item lines which are affected by powerflow

 #FF8000
powerflowLineWidth PixelVal

Defines the with of the item lines which are affected by powerflow

 3px
titleBarTextColor Color

Defines the color of the title bar

 #FFFFFF
titleBarBackColor Color

Defines the background color of the title bar

 #FF8000

Events

name description arguments
Click Fired when element is clicked on.
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus
OnError Fired when mapp Component sends an Error.
  • result: Integer

ProgramLoaded Triggered when a program was loaded by this widget.
  • value: Boolean

    "value" returns "true" if loading was successful, otherwise "false".

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
LoadProgram Loads a new program inside the edit area
  • name: String

NewProgram Creates a new program inside the edit area
Redo Starts the current program on the server
RefreshProgram If a new program is open, redraws the view. If an existing program is open, loads the current state from server and redraws the view
SaveProgram Sends the current state of program to the server.
SaveProgramAs Sends the current state of program to the server
  • name: String

SetEnable Sets the state of property «enable»
  • value: Boolean

SetPowerflow Enables / Disables powerflow mode
  • value: Boolean

SetStyle
  • value: StyleReference

SetVisible Sets the state of property «visible»
  • value: Boolean

ShowTooltip
StartProgram Starts the current program on the server
StopProgram Stops the current program on the server
Undo Starts the current program on the server